<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
<title>我的充值</title>
<link href="../static/css/admin.css" rel="stylesheet" type="text/css">
<link href="../static/css/amazeui.css" rel="stylesheet" type="text/css">
<link href="../static/css/personal.css" rel="stylesheet" type="text/css">
<link href="../static/css/bostyle.css" rel="stylesheet" type="text/css">
<script src="../static/js/jquery-2.0.0.min.js"></script>
<script src="../static/js/amazeui.js"></script>
<script src="../static/js/myinit.js"></script>
</head>

<body>
<!--头 -->
<header>
  <article>
    <div class="mt-logo"> 
      <!--顶部导航条 -->
      <div class="am-container header">
        <ul class="message-l">
          <div class="topMessage">
            <div class="menu-hd"> <a href="#" target="_top" class="h">亲，请登录</a> <a href="#" target="_top">免费注册</a> </div>
          </div>
        </ul>
        <ul class="message-r">
          <div class="topMessage home">
            <div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
          </div>
          <div class="topMessage my-shangcheng">
            <div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
          </div>
          <div class="topMessage mini-cart">
            <div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
          </div>
             <div class="topMessage favorite">
            <div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
          </div>
        </ul>
      </div>
      
      <!--悬浮搜索框-->
      
      <div class="nav white">
        <div class="logoBig">
          <li><img src="../static/img/logobig.png" /></li>
        </div>
        <div class="search-bar pr"> <a name="index_none_header_sysc" href="#"></a>
          <form>
            <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
            <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
          </form>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    </div>
  </article>
</header>
<div class="nav-table">
  <div class="long-title"><span class="all-goods">全部分类</span></div>
  <div class="nav-cont">
    <ul>
      <li class="index"><a href="#">首页</a></li>
      <li class="qc"><a href="#">闪购</a></li>
      <li class="qc"><a href="#">限时抢</a></li>
      <li class="qc"><a href="#">团购</a></li>
      <li class="qc last"><a href="#">大包装</a></li>
    </ul>
    <div class="nav-extra"> <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的优惠券<i class="am-icon-angle-right" style="padding-left: 10px;"></i> </div>
  </div>
</div>
<b class="line"></b>
<div class="center">
  <div class="col-main">
    <div class="main-wrap">
      <div class="user-bonus"> 
        <!--标题 -->
        <div class="am-cf am-padding">
          <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">红包</strong> / <small>Bonus</small></div>
        </div>
        <hr/>
        <div class="am-tabs-d2 am-tabs  am-margin" data-am-tabs>
          <ul class="am-avg-sm-2 am-tabs-nav am-nav am-nav-tabs">
            <li class="am-active"><a href="#tab1">可用余额</a></li>
            <li><a href="#tab2">我要充值</a></li>
          </ul>
          <div class="am-tabs-bd">
            <div class="am-tab-panel am-fade am-in am-active" id="tab1">
            <div style="font-size:24px;color:#FF8000">￥8888.888</div>
   			
            </div>
            <div class="am-tab-panel am-fade" id="tab2">
              <div class="cart-table-th">
                <div class="clear"></div>
                <div class="order-main">
                  <ul class="item-list">
                    <li class="td td-from">
                      <div class="item-img"> <img src="../static/img/566fda5cN4b8a1675.gif"> </div>
                      <div class="item-info"> <a href="# ">
                        <p class="info-little "><span>充值面额：</span>¥500.00<span>元</span></p>
                        </a> </div>
                    </li>

                    <li class="td td-usestatus ">
                      <div class="item-usestatus ">
                        <p>点击充值</p>
                        <span><img src="../static/img/gift_stamp_2.png"></span> </div>
                    </li>
                  </ul>
                  
                  <!--已过期-->
                  <ul class="item-list">
                    <li class="td td-from">
                      <div class="item-img"> <img src="../static/img/566fda5cN4b8a1675.gif"> </div>
                      <div class="item-info"> <a href="# ">
                        <p class="info-little "><span>充值面额：</span>¥1000.00<span>元</span></p>
                        </a> </div>
                    </li>
                    <li class="td td-usestatus ">
                      <div class="item-usestatus ">
                        <p>点击充值</p>
                        <span><img src="../static/img/gift_stamp_3.png"></span> </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--底部-->
    <div class="footer ">
      <div class="footer-hd">
        <p><img src="../static/img/duo.png" style="width:25px" />品类齐全<b>|</b><img src="../static/img/kuai.png" style="width:25px" />多仓直发<b>|</b><img src="../static/img/hao.png" style="width:25px" />正品行货<b>|</b><img src="../static/img/sheng.png" style="width:25px" />天天低价</p>
      </div>
      <div class="footer-bd "> </div>
    </div>
  </div>
  <aside class="menu">
    <ul>
      <li class="person active"> <a>个人中心</a> </li>
      <li class="person"> <a href="#" id="tomyorders">我的订单</a>
  
      </li>
      <li class="person"> <a href="#" id="wodeshoucang">我的收藏</a>
 
      </li>
      <li class="person"> <a href="#" id="chengweihuiyuan">成为会员</a>

      </li>
      <li class="person"> <a href="#" id="youhuiquan">优惠卡券</a>

      </li>
       <li class="person"> <a href="#" id="xianjinzhanghu">我的充值</a>
  
      </li>
      <li class="person"> <a href="#" id="shouhuodizhi">收货地址</a>
 
      </li>
    </ul>
  </aside>
</div>
<script type="text/javascript">
		var code = getUrldata('code');
		var openid= getUrldata('OPENID');
		$.ajaxSettings.async = false;

		$('#youhuiquan').click(function(e) {
            document.location.href="coupon_pc.html?OPENID="+openid;
        });

		$('#tomyorders').click(function(){
			window.location.href="order_pc.html?code="+code;
		});
		
		$('#shouhuodizhi').click(function(){
			document.location.href="address_pc.html?OPENID="+openid;

		});
		$('#xianjinzhanghu').click(function(){
			document.location.href="bonus_pc.html?OPENID="+openid;
		});

		function getWeixin(){
			$.post('/weixin/getopenid/',{"code":code},function(aa){
				$.post('/weixin/getCustinfo/',{"openid":aa.openid},function(rs){
					console.log(rs);
					$('#headimg').css('background-image','url("'+rs.headimgurl+'")');
					$('#weixinname').html(rs.nickname);
					
				},'json');
			}, "json");
			
		}

		$(document).ready(function(e) {
			getWeixin();
			refreshCartTotal();
      	      
        });
		
		
	function refreshCartTotal(){
		var num=cartHelper.getCart().count;
		if(num>0){
			$('#cart_total').html(num);
			$('#cart_total').show();
		}else{
			$('#cart_total').hide();
		}
	}
	
	$('#chengweihuiyuan').click(function(e) {
        document.location.href="register_pc.html?OPENID="+openid;
    });
	$('#wodeshoucang').click(function(e){
		document.location.href="collection_pc.html?OPENID="+openid;
	});
	
	</script>
</body>
</html>